<template>
	<view class="head_portrait">
		<text v-if="show" :class="[icons,'iconfont']" :style="[{'font-size': colorSize+'rpx'},iconColor]"></text>
		<image v-else :src="imgUrl" mode="" :style="'height:' +wHeight+ 'rpx;width: '+wWidth+'rpx;border-radius: ' + radius"></image>
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props: {
			icons: {
				type: String
			},
			iconColor: {
				type: Object,
				default() {
					return {}
				}
			},
			colorSize: {
				type: Number,
				default: 24
			},
			imgUrl: {
				type: String
			},
			wHeight: {
				type: Number,
				default: 100
			},
			wWidth: {
				type: Number,
				default: 100
			},
			show: {
				type: Boolean,
				default: false
			},
			radius: {
				type: String,
				default: 'unset'
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.head_portrait{
		position: relative;
	}
</style>
